<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <link rel="shortcut icon" href="#" type="image/png">

    <link rel="icon" href="../../images/hospital-icon.png" type="image/x-icon">  <!--在网页标题左侧显示图标-->
    <!--    <link rel="shortcut icon" href="./images/hospital-icon.png" type="image/x-svg">-->
    <link rel="shortcut icon" href="../../images/hospital-icon.png" type="image/x-icon"><!--在收藏夹显示图标-->

    <title>产品管理-门诊管理系统</title>

    <!--时间风格及输入框风格-->
    <!--pickers css-->
    <link rel="stylesheet" type="text/css" href="../../js/bootstrap-datepicker/css/datepicker-custom.css" />
    <link rel="stylesheet" type="text/css" href="../../js/bootstrap-timepicker/css/timepicker.css" />
    <link rel="stylesheet" type="text/css" href="../../js/bootstrap-colorpicker/css/colorpicker.css" />
    <link rel="stylesheet" type="text/css" href="../../js/bootstrap-daterangepicker/daterangepicker-bs3.css" />
    <link rel="stylesheet" type="text/css" href="../../js/bootstrap-datetimepicker/css/datetimepicker-custom.css" />

    <link href="../../css/style.css" rel="stylesheet">
    <link href="../../css/style-responsive.css" rel="stylesheet">
    <!--时间风格及输入框风格-->

    <!--data table-->
    <link rel="stylesheet" href="../../js/data-tables/DT_bootstrap.css" />

    <link href="../../css/style.css" rel="stylesheet">
    <link href="../../css/style-responsive.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="../../js/html5shiv.js"></script>
    <script src="../../js/respond.min.js"></script>
    <![endif]-->
</head>

<body class="sticky-header">

<section>
    <!-- left side start-->
    <!--左侧开始-->
    <div class="left-side sticky-left-side">

        <!--logo and iconic logo start-->
        <!--侧边栏顶部图标+文字-->
        <div class="logo">
            <a href="index_admin.html">
                <img src="../../images/hospital-icon.png" alt="" style="width: 40px;height: 40px">
                <p style="display: inline-block;font-size: 24px;">门诊管理系统</p>
            </a>
        </div>

        <!--收起状态的侧边栏顶部图标-->
        <div class="logo-icon text-center">
            <a href="../../index.html"><img src="../../images/hospital-icon.png" alt="" style="width: 40px;height: 40px"></a>
        </div>
        <!--logo and iconic logo end-->

        <div class="left-side-inner">

            <!--sidebar nav start-->
            <!--侧边栏-->
            <ul class="nav nav-pills nav-stacked custom-nav">


                <li class="menu-list">
                    <a href="">
                        <i class="fa fa-book"></i>
                        <span>患者管理</span>
                    </a>
                    <ul class="sub-menu-list">
                        <li><a href="admissionList.html"> 入院登记管理</a></li>
                        <li><a href="appointmentList.html">预约挂号管理</a></li>
                        <li><a href="patientInfoList.html"> 患者信息管理</a></li>
                    </ul>
                </li>

                <li class="menu-list">
                    <a href="">
                        <i class="fa fa-book"></i>
                        <span>门诊管理</span>
                    </a>
                    <ul class="sub-menu-list">
                        <li><a href="departmentList.html"> 科室管理</a></li>
                        <li><a href="staffList.html">员工管理</a></li>
                        <li><a href="emrList.html"> 电子病历管理</a></li>
                        <li><a href="orderList.html"> 医嘱管理</a></li>
                    </ul>
                </li>
                <li class="menu-list nav-active">
                    <a href="">
                        <i class="fa fa-cogs"></i>
                        <span>药库管理</span>
                    </a>
                    <ul class="sub-menu-list">
                        <li><a href="drugInfoList.html"> 药库库存管理</a></li>
                        <li class="active"><a href="itemList.html"> 产品管理</a></li>
                        <li><a href="pickingList.html"> 捡药发药管理</a></li>
                        <li><a href="prescriptionList.html"> 处方管理</a></li>
                    </ul>
                </li>

                <li class="menu-list">
                    <a href="fontawesome.html">
                        <i class="fa fa-bullhorn"></i>
                        <span>账单管理</span>
                    </a>
                    <ul class="sub-menu-list">
                        <li><a href="billList.html"> 账单管理</a></li>
                        <li><a href="journalList.html"> 缴费单管理</a></li>
                    </ul>
                </li>

                <li class="menu-list">
                    <a href="">
                        <i class="fa fa-tasks"></i>
                        <span>用户管理</span>
                    </a>
                    <ul class="sub-menu-list">
                        <li><a href="userList.html"> 用户管理</a></li>
                    </ul>
                </li>

                <li class="logout">
                    <a href="#">
                        <i class="fa fa-sign-in"></i>
                        <span>退出登录</span>
                    </a>
                </li>

            </ul>
            <!--sidebar nav end-->
            <!--侧边栏导航结束-->

        </div>
    </div>
    <!-- left side end-->
    <!-- 左侧 部分 结束 -->

    <!-- main content start-->
    <div class="main-content" >

        <!-- header section start-->
        <!--顶部菜单部分开始-->
        <div class="header-section">

            <!--toggle button start-->
            <!--拨动按钮-收起侧边栏-->
            <a class="toggle-btn"><i class="fa fa-bars"></i></a>
            <!--toggle button end-->

            <!--notification menu start -->
            <!--通知菜单开始-->
            <div class="menu-right" id="headerApp">
                <ul class="notification-menu">

                    <li>
                        <a href="../../login.html" class="btn btn-default  info-number logout">
                            退出登录
                            <i class="fa fa-sign-out"></i>
                        </a>
                    </li>

                </ul>
            </div>
            <!--notification menu end -->
            <!--通知菜单结束-->
        </div>
        <!-- header section end-->
        <!--顶部菜单部分结束-->

        <!--body wrapper start-->
        <div class="wrapper" id="itemApp">
            <div class="row">
                <div class="col-sm-12">
                    <section class="panel">
                        <header class="panel-heading">
                            产品管理
                            <span class="tools pull-right"></span>
                        </header>
                        <div class="panel-body">
                            <div class="adv-table editable-table ">

                                <div class="clearfix"  style="margin-bottom: 20px">
                                    <form class="form-inline" role="form">

                                        <a href="#newAdmission" class="btn btn-info details" data-toggle="modal">
                                            新增
                                            <i class="fa fa-plus"></i>
                                        </a>

                                        <!-- Modal -->
                                        <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="newAdmission" class="modal fade">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <div class="modal-header" style="width: auto;height: auto">
                                                        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                                                        <h4 class="modal-title">新增产品</h4>
                                                    </div>
                                                    <div class="modal-body"  style="width: auto;height: auto;position: relative">
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">产品名称</label>
                                                            <div class="col-sm-8">
                                                                <input v-model="additemName" class="col-sm-12" type="text" class="form-control" placeholder="请输入产品名称">
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">产品简称</label>
                                                            <div class="col-sm-8">
                                                                <input v-model="additemNameSN" class="col-sm-12" type="text" class="form-control" placeholder="请输入产品简称">
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">产品包装规格详情</label>
                                                            <div class="col-sm-8">
                                                                <input v-model="additemSpecificationDetail" class="col-sm-12" type="text" class="form-control" placeholder="请输入产品包装规格详情">
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">成分</label>
                                                            <div class="col-sm-8">
                                                                <input v-model="addingredientName" class="col-sm-12" type="text" class="form-control" placeholder="请输入成分">
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">产品类型:</label>
                                                            <div class="col-sm-8">
                                                                <button data-toggle="dropdown" class="btn btn-info dropdown-toggle" type="button">
                                                                    <span v-text="additemTypeName">产品类型</span>
                                                                    <span class="caret"></span>
                                                                </button>
                                                                <ul role="menu" class="dropdown-menu">
                                                                    <li><a href="#" @click="addItemCheckThisType(0,'中药')">中药</a></li>
                                                                    <li><a href="#" @click="addItemCheckThisType(1,'西药')">西药</a></li>
                                                                    <li><a href="#" @click="addItemCheckThisType(2,'其他')">其他</a></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">产品价格</label>
                                                            <div class="col-sm-8">
                                                                <input v-model="additemPrice" class="col-sm-12" type="text" class="form-control" placeholder="请输入产品价格">
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">厂家名称</label>
                                                            <div class="col-sm-8">
                                                                <input v-model="addmanufacturerName" class="col-sm-12" type="text" class="form-control" placeholder="请输入厂家名称">
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">厂家国药准字号</label>
                                                            <div class="col-sm-8">
                                                                <input v-model="addmanufacturerApprovalId" class="col-sm-12" type="text" class="form-control" placeholder="请输入厂家国药准字号">
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">频次详情</label>
                                                            <div class="col-sm-8">
                                                                <input v-model="addfrequencyDetail" class="col-sm-12" type="text" class="form-control" placeholder="请输入频次详情">
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">补充频次详情</label>
                                                            <div class="col-sm-8">
                                                                <input v-model="addsupplementaryFrequencyDetail" class="col-sm-12" type="text" class="form-control" placeholder="请输入补充频次详情">
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">用餐时间详情</label>
                                                            <div class="col-sm-8">
                                                                <input v-model="addmealTimeDetail" class="col-sm-12" type="text" class="form-control" placeholder="请输入用餐时间详情">
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">用量</label>
                                                            <div class="col-sm-8">
                                                                <input v-model="adduserLevel" class="col-sm-12" type="text" class="form-control" placeholder="请输入用量">
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">用量单位名称</label>
                                                            <div class="col-sm-8">
                                                                <input v-model="adduserLevelUnitName" class="col-sm-12" type="text" class="form-control" placeholder="请输入用量单位名称">
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">产品治疗症状</label>
                                                            <div class="col-sm-8">
                                                                <input v-model="addsymptomName" class="col-sm-12" type="text" class="form-control" placeholder="请输入产品治疗症状">
                                                            </div>
                                                        </div>
                                                        <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                            <label class="col-sm-4 control-label">是否为处方用药:</label>
                                                            <div class="col-sm-8">
                                                                <button data-toggle="dropdown" class="btn btn-info dropdown-toggle" type="button">
                                                                    <span v-text="addprescriptionFlagName">是否为处方用药</span>
                                                                    <span class="caret"></span>
                                                                </button>
                                                                <ul role="menu" class="dropdown-menu">
                                                                    <li><a href="#" @click="addItemCheckThisFlag(0,'处方用药')">处方用药</a></li>
                                                                    <li><a href="#" @click="addItemCheckThisFlag(1,'非处方用药')">非处方用药</a></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer"  style="width: auto;height: auto;border: none">
                                                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                        <button type="button" class="btn btn-success" @click="saveAddItem()">保存</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="btn-group">
                                            <button data-toggle="dropdown" class="btn btn-info dropdown-toggle" type="button">
                                                <span v-text="selectPageSizeName">分页数 </span>
                                                <span class="caret"></span>
                                            </button>
                                            <ul role="menu" class="dropdown-menu">
                                                <li><a href="#" @click="selectCheckThisPageSize(10)">10</a></li>
                                                <li><a href="#" @click="selectCheckThisPageSize(20)">20</a></li>
                                                <li><a href="#" @click="selectCheckThisPageSize(30)">30</a></li>
                                            </ul>
                                        </div>

                                        <div class="form-group">
                                            <input v-model="selectItemName" type="text" class="form-control" style="width: 300px" placeholder="根据产品名称/药品简称/成分模糊查询">
                                        </div>

                                        <button type="button" class="btn btn-info" @click="selectItemButton()">
                                            查询
                                            <i class="fa fa-search"></i>
                                        </button>
                                        <button type="button" class="btn btn-default" @click="selectItemResetButton()">
                                            重置
                                            <i class="fa fa-undo"></i>
                                        </button>

                                    </form>
                                </div>


                                <table class="table table-striped table-hover table-bordered" id="editable-sample">
                                    <thead>
                                    <tr>
                                        <th>产品ID</th>
                                        <th>产品名称</th>
                                        <th>产品简称</th>
                                        <th>产品包装规格详情</th>
                                        <th>成分</th>
                                        <th>产品类型</th>
                                        <th>产品价格</th>
                                        <th>产品价格单位</th>
                                        <th>厂家名称</th>
                                        <th>厂家国药准字号</th>
                                        <th>频次详情</th>
                                        <th>补充频次详情</th>
                                        <th>用餐时间详情</th>
                                        <th>用量</th>
                                        <th>用量单位名称</th>
                                        <th>产品治疗症状</th>
                                        <th>是否为处方用药</th>
                                        <th>创建时间</th>
                                        <th>修改</th>
                                        <th>删除</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="" v-for="item in ItemList">
                                        <td v-text="item.itemId">1</td>
                                        <td v-text="item.itemName">阿莫西林口腔崩解片</td>
                                        <td v-text="item.itemNameSN"></td>
                                        <td v-text="item.itemSpecificationDetail">250mg</td>
                                        <td v-text="item.ingredientName">阿莫西林</td>
                                        <td>
                                            <span class="label label-info" v-if="item.itemType==0">西药</span>
                                            <span class="label label-info" v-if="item.itemType==1">中成药</span>
                                            <span class="label label-info" v-if="item.itemType==2">其他</span>
                                        </td>
                                        <td v-text="item.itemPrice">150</td>
                                        <td v-text="item.itemUnitName">元</td>
                                        <td v-text="item.manufacturerName">长春海外制药集团有限公司</td>
                                        <td v-text="item.manufacturerApprovalId">H22021158</td>
                                        <td v-text="item.frequencyDetail">一天三次</td>
                                        <td v-text="item.supplementaryFrequencyDetail">每日服用</td>
                                        <td v-text="item.mealTimeDetail">饭后服用</td>
                                        <td v-text="item.userLevel">1</td>
                                        <td v-text="item.userLevelUnitName">克</td>
                                        <td v-text="item.symptomName">呼吸道感染</td>
                                        <td>
                                            <span class="label label-success"  v-if="item.prescriptionFlag==0">处方用药</span>
                                            <span class="label label-info"  v-if="item.prescriptionFlag==1">非处方用药</span>
                                        </td>

                                        <td v-text="item.returnCreateTime">1999-02-28</td>
                                        <td>
                                            <a href="#modifyItem" class="details" style="color: #46b8da;" data-toggle="modal" @click="modifyItemDetailButton(item.itemId)">修改</a>

                                        </td>

                                        <td>
                                            <a :href="'#deleteyMyAppointment'+item.itemId" class="details" style="color: #46b8da;" data-toggle="modal">删除</a>
                                            <!-- Modal -->
                                            <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" :id="'deleteyMyAppointment'+item.itemId" class="modal fade">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header" style="width: auto;height: auto">
                                                            <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                                                            <h4 class="modal-title">删除预约</h4>
                                                        </div>
                                                        <div class="modal-body"  style="width: auto;height: auto;position: relative">
                                                            <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                                <label class="col-sm-4 control-label">是否确认删除预约</label>
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer"  style="width: auto;height: auto;border: none">
                                                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                            <button type="button" class="btn btn-success" @click="deleteThisItem(item.itemId)">确认</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>

                                <!--修改组件-->
                                <!-- Modal -->
                                <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="modifyItem" class="modal fade">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header" style="width: auto;height: auto">
                                                <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                                                <h4 class="modal-title">修改产品</h4>
                                            </div>
                                            <div class="modal-body"  style="width: auto;height: auto;position: relative">
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">产品ID</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.itemId" class="col-sm-12" type="text" class="form-control" placeholder="请输入产品ID" disabled>
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">产品名称</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.itemName" class="col-sm-12" type="text" class="form-control" placeholder="请输入产品名称">
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">产品简称</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.itemNameSN" class="col-sm-12" type="text" class="form-control" placeholder="请输入产品简称">
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">产品包装规格详情</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.itemSpecificationDetail" class="col-sm-12" type="text" class="form-control" placeholder="请输入产品包装规格详情">
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">成分</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.ingredientName" class="col-sm-12" type="text" class="form-control" placeholder="请输入成分">
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">产品类型:</label>
                                                    <div class="col-sm-8">
                                                        <button id="addblood" data-toggle="dropdown" class="btn btn-info dropdown-toggle" type="button">
                                                            <span v-text="modifyItemDetail.returnItemTypeName">产品类型</span>
                                                            <span class="caret"></span>
                                                        </button>
                                                        <ul role="menu" class="dropdown-menu">
                                                            <li><a href="#" @click="modifyCheckThisItemType(0,'中药')">中药</a></li>
                                                            <li><a href="#" @click="modifyCheckThisItemType(1,'西药')">西药</a></li>
                                                            <li><a href="#" @click="modifyCheckThisItemType(2,'西药')">其他</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">产品价格</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.itemPrice" class="col-sm-12" type="text" class="form-control" placeholder="请输入产品价格">
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">厂家名称</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.manufacturerName" class="col-sm-12" type="text" class="form-control" placeholder="请输入厂家名称">
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">厂家国药准字号</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.manufacturerApprovalId" class="col-sm-12" type="text" class="form-control" placeholder="请输入厂家国药准字号">
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">频次详情</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.frequencyDetail" class="col-sm-12" type="text" class="form-control" placeholder="请输入频次详情">
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">补充频次详情</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.supplementaryFrequencyDetail" class="col-sm-12" type="text" class="form-control" placeholder="请输入补充频次详情">
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">用餐时间详情</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.mealTimeDetail" class="col-sm-12" type="text" class="form-control" placeholder="请输入用餐时间详情">
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">用量</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.userLevel" class="col-sm-12" type="text" class="form-control" placeholder="请输入用量">
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">用量单位名称</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.userLevelUnitName" class="col-sm-12" type="text" class="form-control" placeholder="请输入用量单位名称">
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">产品治疗症状</label>
                                                    <div class="col-sm-8">
                                                        <input v-model="modifyItemDetail.symptomName" class="col-sm-12" type="text" class="form-control" placeholder="请输入产品治疗症状">
                                                    </div>
                                                </div>
                                                <div class="btn-group col-sm-12" style="margin-bottom: 15px">
                                                    <label class="col-sm-4 control-label">是否为处方用药:</label>
                                                    <div class="col-sm-8">
                                                        <button id="add" data-toggle="dropdown" class="btn btn-info dropdown-toggle" type="button">
                                                            <span v-text="modifyItemDetail.returnPrescriptionFlag">是否为处方用药</span>
                                                            <span class="caret"></span>
                                                        </button>
                                                        <ul role="menu" class="dropdown-menu">
                                                            <li><a href="#" @click="modifyCheckThisPrescriptionFlag(0,'处方用药')">处方用药</a></li>
                                                            <li><a href="#" @click="modifyCheckThisPrescriptionFlag(1,'非处方用药')">非处方用药</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer"  style="width: auto;height: auto;border: none">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                                <button type="button" class="btn btn-success" @click="modifySaveItemDetail()">保存</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="clearfix">
                                    <div class="btn-group">

                                    </div>
                                    <div class="btn-group pull-right">
                                        <ul class="pagination pagination-sm">
                                            <li><a href="#"  @click.prevent="loadItemList(pageinfo.prePage)">上一页</a></li>
                                            <li v-for="n in pageinfo.navigatepageNums" @click.prevent="loadItemList(n)" :class="{'active': n == pageinfo.pageNum}">
                                                <a href="#" v-text="n">1</a>
                                            </li>
                                            <li><a href="#" @click.prevent="loadItemList(pageinfo.nextPage)">下一页</a></li>
                                        </ul>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
        <!--body wrapper end-->

        <!--footer section start-->
        <!--页脚部分开始-->
        <footer>
            2022 &copy; <a href="https://gitee.com/allen-zc/OutpatientManagementSystem" target="_blank">基于SSM的门诊管理系统</a>
            -
            <a href="https://gitee.com/allen-zc" target="_blank">AllenChen曾晨</a>
            -
            <p style="display: inline-block">ALL RIGHTS RESERVED.</p>
        </footer>
        <!--footer section end-->
        <!--页脚部分结束-->


    </div>
    <!-- main content end-->
</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="../../js/jquery-1.10.2.min.js"></script>
<script src="../../js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="../../js/jquery-migrate-1.2.1.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/modernizr.min.js"></script>
<script src="../../js/jquery.nicescroll.js"></script>

<!--时间风格及输入框风格-->
<!--pickers plugins-->
<script type="text/javascript" src="../../js/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="../../js/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="../../js/bootstrap-daterangepicker/moment.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap-daterangepicker/daterangepicker.js"></script>
<script type="text/javascript" src="../../js/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
<script type="text/javascript" src="../../js/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
<!--pickers initialization-->
<script src="../../js/pickers-init.js"></script>
<!--时间风格及输入框风格-->

<!--data table-->
<script type="text/javascript" src="../../js/data-tables/jquery.dataTables.js"></script>
<script type="text/javascript" src="../../js/data-tables/DT_bootstrap.js"></script>

<!--common scripts for all pages-->
<script src="../../js/scripts.js"></script>


<script src="https://unpkg.zhimg.com/vue"></script>
<!--&lt;!&ndash; 开发环境版本，包含了有帮助的命令行警告 &ndash;&gt;-->
<!--<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>-->
<!--&lt;!&ndash; 生产环境版本，优化了尺寸和速度 &ndash;&gt;-->
<!--<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>-->
<!--axios-->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>

<!--菜单顶部导航栏-->
<script src="../../userjs/header.js"></script>
<!--表格设置-->
<script src="../../user/admin/js/user_list.js"></script>

<!--退出登录的方法-->
<script  type="text/javascript" charset="GB2312"  src="../../userjs/logout.js"></script>
<!--工具箱-->
<script src="../../js/utils.js"></script>

<script>

    let itemApp = new Vue({
        el:'#itemApp',
        data:{
            additemName:'',
            additemNameSN:'',
            additemSpecificationDetail:'',
            addingredientName:'',
            additemTypeName:'产品类型',
            additemType:'',
            additemPrice:'',
            addmanufacturerName:'',
            addmanufacturerApprovalId:'',
            addfrequencyDetail:'',
            addsupplementaryFrequencyDetail:'',
            addmealTimeDetail:'',
            adduserLevel:'',
            adduserLevelUnitName:'',
            addsymptomName:'',
            addprescriptionFlagName:'是否为处方用药',
            addprescriptionFlag:'',

            selectPageSizeName: '分页数',
            selectPageSize: '10',
            selectPageNum: '1',
            selectItemName:'',
            ItemList:[],
            pageinfo:{},

            modifyItemDetail:{},

        },
        methods:{
            // 新增 选择产品类型
            addItemCheckThisType:function (additemType,additemTypeName) {
                this.additemTypeName = additemTypeName
                this.additemType = additemType
            },
            // 新增 选择是否为处方用药
            addItemCheckThisFlag:function (addprescriptionFlag,addprescriptionFlagName) {
                this.addprescriptionFlagName = addprescriptionFlagName
                this.addprescriptionFlag = addprescriptionFlag
            },
            // 新增 保存新增按钮
            saveAddItem:function () {
                let form=new FormData();
                form.append("itemName",this.additemName);
                form.append("itemNameSN",this.additemNameSN);
                form.append("itemSpecificationDetail",this.additemSpecificationDetail);
                form.append("ingredientName",this.addingredientName);
                form.append("itemType",this.additemType);
                form.append("itemPrice",this.additemPrice);
                form.append("itemUnitName",'元');
                form.append("manufacturerName",this.addmanufacturerName);
                form.append("manufacturerApprovalId",this.addmanufacturerApprovalId);
                form.append("frequencyDetail",this.addfrequencyDetail);
                form.append("supplementaryFrequencyDetail",this.addsupplementaryFrequencyDetail);
                form.append("mealTimeDetail",this.addmealTimeDetail);
                form.append("userLevel",this.adduserLevel);
                form.append("userLevelUnitName",this.adduserLevelUnitName);
                form.append("symptomName",this.addsymptomName);
                form.append("prescriptionFlag",this.addprescriptionFlag);
                axios({
                    url:"/oms/item/addItem",
                    method:"post",
                    data:form
                }).then(function (res) {
                    if (res.data=='ok'){
                        alert("新增成功！！！")
                        location.reload();
                    }else {
                        alert(res.data)
                    }
                }).catch(function(error){
                    //失败运行这里,输出错误信息
                    alert(error)
                    console.log(error);
                })
            },
            // 搜索 查询
            selectItemButton:function () {
                if (this.selectPageNum==null||this.selectPageNum==''){
                    this.selectPageNum=1
                }
                if (this.selectPageSize==null||this.selectPageSize==''){
                    this.selectPageSize=10
                }
                let form=new FormData();
                form.append("itemName",this.selectItemName);
                form.append("pageNum",this.selectPageNum);
                form.append("pageSize",this.selectPageSize);
                axios({
                    url:"/oms/item/selectItemList",
                    method:"post",
                    data:form
                }).then(function (res) {
                    itemApp.ItemList = res.data.list
                    itemApp.pageinfo = res.data
                }).catch(function(error){
                    //失败运行这里,输出错误信息
                    alert(error)
                    console.log(error);
                })
            },
            // 搜索 重置
            selectItemResetButton:function () {
                this.selectPageSizeName='分页数'
                this.selectPageSize='10'
                this.selectPageNum='1'
                this.selectItemName=''
                this.ItemList=[]
                this.pageinfo={}
                this.selectItemButton();
            },
            // 搜索 选择 分页数
            selectCheckThisPageSize:function (pageSize) {
                this.selectPageSizeName=pageSize
                this.selectPageSize = pageSize
            },
            // 修改 查询产品详情按钮
            modifyItemDetailButton:function (itemId) {
                let form=new FormData();
                form.append("itemId",itemId);
                axios({
                    url:"/oms/item/selectItemDetail",
                    method:"post",
                    data:form
                }).then(function (res) {
                    itemApp.modifyItemDetail = res.data
                }).catch(function(error){
                    //失败运行这里,输出错误信息
                    alert(error)
                    console.log(error);
                })
            },
            // 修改 更改 产品类型
            modifyCheckThisItemType:function (itemType,itemTypeName) {
                this.modifyItemDetail.itemType = itemType
                this.modifyItemDetail.returnItemTypeName = itemTypeName
            },
            // 修改 更改 是否为处方用药
            modifyCheckThisPrescriptionFlag:function (prescriptionFlag,returnPrescriptionFlag) {
                this.modifyItemDetail.prescriptionFlag = prescriptionFlag
                this.modifyItemDetail.returnPrescriptionFlag = returnPrescriptionFlag
            },
            // 修改 保存
            modifySaveItemDetail:function () {
                let form=new FormData();
                form.append("itemId",this.modifyItemDetail.itemId);
                form.append("itemName",this.modifyItemDetail.itemName);
                form.append("itemNameSN",this.modifyItemDetail.itemNameSN);
                form.append("itemSpecificationDetail",this.modifyItemDetail.itemSpecificationDetail);
                form.append("ingredientName",this.modifyItemDetail.ingredientName);
                form.append("itemType",this.modifyItemDetail.itemType);
                form.append("itemPrice",this.modifyItemDetail.itemPrice);
                form.append("itemUnitName",'元');
                form.append("manufacturerName",this.modifyItemDetail.manufacturerName);
                form.append("manufacturerApprovalId",this.modifyItemDetail.manufacturerApprovalId);
                form.append("frequencyDetail",this.modifyItemDetail.frequencyDetail);
                form.append("supplementaryFrequencyDetail",this.modifyItemDetail.supplementaryFrequencyDetail);
                form.append("mealTimeDetail",this.modifyItemDetail.mealTimeDetail);
                form.append("userLevel",this.modifyItemDetail.userLevel);
                form.append("userLevelUnitName",this.modifyItemDetail.userLevelUnitName);
                form.append("symptomName",this.modifyItemDetail.symptomName);
                form.append("prescriptionFlag",this.modifyItemDetail.prescriptionFlag);
                axios({
                    url:"/oms/item/updateItem",
                    method:"post",
                    data:form
                }).then(function (res) {
                    if (res.data=='ok'){
                        alert("修改成功！！！")
                        location.reload();
                    }else {
                        alert(res.data)
                    }
                }).catch(function(error){
                    //失败运行这里,输出错误信息
                    alert(error)
                    console.log(error);
                })
            },
            // 删除操作
            deleteThisItem:function (itemId) {
                axios({
                    url:"/oms/item/deleteItem/" + itemId,
                    method:"get",
                }).then(function (res) {
                    if (res.data=='ok'){
                        alert("修改成功！！！")
                        location.reload();
                    }else {
                        alert(res.data)
                    }
                }).catch(function(error){
                    //失败运行这里,输出错误信息
                    alert(error)
                    console.log(error);
                })
            },
            // 上一页 下一页
            loadItemList:function (pageNum) {
                this.selectPageNum = pageNum
                this.selectItemButton();
            }

        },
        created:function () {
            this.selectItemButton();
        }
    })

</script>

</body>
</html>
